<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="../image/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="../layui/css/layui.css" />
    <link rel="stylesheet" href="css/same.css">
    <link rel="stylesheet" href="css/home.css">

    <style>
        /* 头像旁的徽章样式 */
        .isShow {
            display: none;
        }

        /* 解决使用Vue.js页面加载数据的时候，页面闪现原始代码 */
        [v-cloak] {
            display: none;
        }
        /* 改变滚动条样式 */
        ::-webkit-scrollbar {
            width: 6px;
            height: 2px;
            border-radius: 5px;
        }
        ::-webkit-scrollbar-track {
            background-color: #f5f5f5;
            -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
            border-radius: 2px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 5px;
        }
    </style>

</head>

<body>
    <div style="position: relative;" id="app" v-cloak>

        <!-- 头部导航栏 -->
        <div class="layui-layout layui-layout-admin">
            <!-- 导航 -->
            <div class="layui-header">
                <!-- log -->
                <div class="layui-logo">
                    <img src="../image/logo.png" style="margin-top: -15px;margin-left: -25px;">
                    <!-- <span>阿里迪里考试</span> -->
                </div>

                <!-- 头部区域（可配合layui已有的水平导航） -->
                <ul class="layui-nav layui-layout-right" style="margin-right: 130px;">
                    <li class="layui-nav-item layui-this"><a href="index.html">首页</a></li>
                    <li class="layui-nav-item"><a href="exam_center.html">试卷中心</a></li>
                    <li class="layui-nav-item"><a href="exam_record.html">考试记录</a></li>
                    <li class="layui-nav-item"><a href="error_question.html">错题本</a></li>
                </ul>
                <ul class="layui-nav layui-layout-right">
                    <li class="layui-nav-item"><a href="javascript:;"> <img v-bind:src="'../image/'+user.image"
                                class="layui-nav-img">
                            <span class="layui-badge-dot" :class="{isShow:unreadNum==0}"
                                style="top: 30%;margin: -5px -8px 0;"></span>
                        </a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a href="personal.html">个人中心</a>
                            </dd>
                            <dd>
                                <a href="home_message.html">消息中心
                                    <span class="layui-badge" :class="{isShow:unreadNum==0}"
                                        style="margin-top: -20px;right: -3px;border-radius: 50%">
                                        {{unreadNum}}</span>
                                </a>
                            </dd>
                            <hr>
                            <dd>
                                <a id="logout">退出</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <!-- 图片 -->
            <main class="el-main user-main">
                <div>
                    <div class="el-row">
                        <div>
                            <img src="image/6.png" class="carousel-img">
                        </div>
                    </div>
                </div>
            </main>

        </div>

        <!-- 任务中心 -->
        <div class="app-item-contain el-row">
            <h3 class="layui-elem-quote">任务中心</h3>
            <fieldset class="layui-elem-field layui-field-title fieldset">
            </fieldset>
            <div class="layui-collapse" lay-accordion="test">

                <!-- 无内容提示框 -->
                <div class="paper-no-tip" v-if="userTasks.length==0 || userTasks==null">
                    <div>
                        <img src="image/tip.png"><br>
                        <span style="font-size: 14px;color: #9b9b9b;">暂无消息</span>
                    </div>
                </div>

                <div class="layui-colla-item" v-for="(t,i) in userTasks" :key="i" style="user-select: none;">
                    <h2 class="layui-colla-title">{{t.title}}</h2>

                    <div class="layui-colla-content">
                        <table width="100%">
                            <tr v-for="(u,j) in t.userTaskInfos">
                                <td class="index-task-table-paper">{{u.examPaperInfo.examPaperName}}</td>
                                <td width="50px">
                                    <span v-if="u.status==1" class="el-tag el-tag--warning el-tag--mini el-tag--light">待完成</span>
                                    <span v-if="u.status==2" class="el-tag el-tag--success el-tag--mini el-tag--light">完成</span>
                                    <span v-if="u.status==3" class="el-tag el-tag--warning el-tag--mini el-tag--light">待批改</span>
                                </td>
                                <td width="80px">
                                    <a>
                                        <button type="button"
                                            class="el-button el-button--text el-button--small el-tag-b">
                                            <span v-if="u.status==1" @click="demo(u.examPaperInfo,u.userTaskId)">开始答题</span>
                                            <span v-if="u.status==2" @click="lookPaper">查看记录</span>
                                            <span v-if="u.status==3">去批改</span>
                                        </button>
                                    </a>
                                </td>
                            </tr>
                            
                        </table>
                    </div>

                </div>

                <!-- <div class="layui-colla-item">
                    <h2 class="layui-colla-title">基本任务</h2>

                    <div class="layui-colla-content">
                        <table width="100%">
                            <tr>
                                <td class="index-task-table-paper">基本任务一</td>
                                <td width="50px">
                                    <span class="el-tag el-tag--success el-tag--mini el-tag--light">完成</span>
                                </td>
                                <td width="80px">
                                    <a href="">
                                        <button type="button"
                                            class="el-button el-button--text el-button--small el-tag-b">
                                            <span>查看试卷</span>
                                        </button>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="index-task-table-paper">任务基础二</td>
                                <td width="70px">
                                    <span class="el-tag el-tag--warning el-tag--mini el-tag--light">待批改</span>
                                </td>
                                <td class="80px"><a href="">
                                        <button type="button"
                                            class="el-button el-button--text el-button--small el-tag-b">
                                            <span>去批改</span>
                                        </button></a></td>
                            </tr>
                        </table>
                    </div>

                </div> -->

                <fieldset class="layui-elem-field layui-field-title fieldset">
                </fieldset>

            </div>
        </div>


        <div>
            <!-- 固定试卷 -->
            <div class="app-item-contain el-row" style="position: relative; ">
                <h3 class="layui-elem-quote2">固定试卷</h3>

                <div class="paper-no-tip" v-if="examPaperOne.length==0 || examPaperOne==null">
                    <div>
                        <img src="image/tip.png"><br>
                        <span style="font-size: 14px;color: #9b9b9b;">暂无内容</span>
                    </div>
                </div>

                <div class="frame-d" v-for="(e,i) in examPaperOne">
                    <img src="image/1.png" alt="" srcset="" class="imges">
                    <div class="frame-d2"><span>{{e.examPaperName}}</span>
                        <div class="frame-d3">
                            <button type="button" class="el-button button el-button--text el-button--medium">
                                <span @click="demo(e)">开始做题</span>
                            </button>
                        </div>
                    </div>
                </div>

            </div>


            <!-- 时段试卷 -->
            <div class="app-item-contain el-row" style="position: relative;">
                <h3 class="layui-elem-quote3">时段试卷</h3>

                <div class="paper-no-tip" v-if="examPaperTwo.length==0 || examPaperTwo==null">
                    <div>
                        <img src="image/tip.png"><br>
                        <span style="font-size: 14px;color: #9b9b9b;">暂无内容</span>
                    </div>
                </div>

                <div class="frame-d" v-for="(e,i) in examPaperTwo">
                    <img src="image/2.png" alt="" srcset="" class="imges">
                    <div class="frame-d2-1"><span>{{e.examPaperName}}</span>
                        <p class="index-limit-paper-time">
                            <span>{{e.limitStartTime | dateFormat}}</span></br>
                            <span>{{e.limitEndTime | dateFormat}}</span>

                        </p>
                        <div class="frame-d3-1">
                            <button type="button" class="el-button button el-button--text el-button--medium">
                                <span @click="demo(e)">开始做题</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 班级试卷 -->
            <div class="app-item-contain el-row" style="position: relative;">
                <h3 class="layui-elem-quote4">班级试卷</h3>

                <div class="paper-no-tip" v-if="examPaperThree.length==0 || examPaperThree==null">
                    <div>
                        <img src="image/tip.png"><br>
                        <span style="font-size: 14px;color: #9b9b9b;">暂无内容</span>
                    </div>
                </div>


                <div class="frame-d" v-for="(e,i) in examPaperThree">
                    <img src="image/3.png" alt="" srcset="" class="imges">
                    <div class="frame-d2-2"><span>{{e.examPaperName}}</span>
                        <p class="index-class-paper-1">
                            <!-- <span>1班</span> -->
                        </p>
                        <div class="frame-d3-2">
                            <button type="button" class="el-button button el-button--text el-button--medium">
                                <span @click="demo(e)">开始做题</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div id="back-top">
            <i class="layui-icon layui-icon-top" style="font-size: 38px;font-weight: 600;"></i>
        </div>

        <!-- 底部板块 -->
        <div style="width: 100%;margin-bottom: 0">
            <footer class="el-footer user-footer app-item-contain footer-mai-d">
                <div class="container">
                    <div class="left">
                        <div class="footer-main element">
                            <span>新手指南</span>
                            <a href="https://www.mindskip.net/buy.html" target="_blank">购买中心</a>
                            <a href="https://www.mindskip.net/document/维多多培训考试系统.pdf" target="_blank">系统简介</a>
                            <a href="https://www.mindskip.net/document/维多多培训考试系统用户手册.pdf" target="_blank">用户手册</a>
                        </div>



                        <div class="footer-main element">
                            <span>合作伙伴</span>
                            <a>中国红十字会</a><a>中国人民解放军</a>
                            <a>国家标准技术审评中心</a>
                            <a>中科软科技股份有限公司</a>
                        </div>

                        <div class="footer-main element">
                            <span>关于我们</span>
                            <a href="https://www.mindskip.net" target="_blank">企业官网</a>
                            <a href="https://www.mindskip.net/wdd.html" target="_blank">产品介绍</a>
                            <a class="feedback-link">意见反馈</a>
                        </div>



                    </div>
                    <div class="right">
                        <table>
                            <tr>
                                <td width="130px">
                                    <img src="image/4.png" alt="" srcset="" width="100px" height="100px">
                                </td>
                                <td>
                                    <img src="image/5.jpg" alt="" srcset="" width="100px" height="100px">
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: center; padding-top: 20px;padding-right: 20px;">
                                    <span>H5</span>
                                </td>
                                <td style="text-align: center;padding-top: 20px;"><span>团队群</span></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </footer>
            <div class="foot-copyright">
                <span>Copyright © 2021 在校开发团队所有</span>
            </div>
        </div>
    </div>


    <script src="../layui/layui.js"></script>
    <script src="../layer/layer.js"></script>
    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../js/jquery.cookie.js"></script>
    <script src="../js/Vue.js"></script>
    <script src="js/same.js"></script>
    <script src="js/index.js"></script>
    <script src="js/test_time.js"></script>
</body>

</html>